/*��ҳ*/

.home_w{width:950px; margin:0 auto;}

/****** Global Styles ******/

*{ margin:0; padding:0}

body { font-size: 12px; font-family:Arial; background:#fff url(../images/body.gif) top repeat-x; text-align:center;}

table { font-family:Arial; font-size: 12px; }

td { word-break: break-all; }

tr{ vertical-align:top}

a:link, a:visited { text-decoration: none; color: #000; }

a:hover { text-decoration: underline; color:#000; }

img { vertical-align: middle; border: 0px none; max-width:100%;  }

hr { height: 1px; border: 0; color:#CCCCCC; overflow:hidden; margin:10px auto }

ul {  list-style-image: none; list-style-type: none; }

li, p{ }

.hide { display: none; }

h1{ font-size:12px;}

h2,h3,h4,h5{ font-size:12px; font-weight:normal; display:inline; text-align:left;}



ul.nl{ list-style:none outside none; }

ul.nl li{line-height:22px;padding-left:15px; background:url(../images/li.gif) no-repeat 0px 50%; clear:both; overflow:hidden; text-align:left}

ul.nl li.newsLine{background:url(../images/dotLine.gif) repeat-x top;overflow:hidden; height:5px;line-height:5px; }

.line{ height:1px; border-bottom:1px dashed #ccc; margin:10px auto;overflow:hidden;}

ul.nl li .addTime{ float:right; color:#666666}



/****** Form Controls Styles ******/

form { display: inline; }

input { font-family: Tahoma, Arial; font-size: 12px; }

input.text { height: 16px; padding: 1px; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9; }

input.button { height: 20px; color: #000000; border: 1px solid #999999; border-top: 1px solid #CCCCCC; border-left: 4px solid #CCCCCC; background: #FFFFFF; }

textarea { font-size: 12px; font-family: Tahoma, Arial; color: #000000; border: 1px solid #CCCCCC; background: #F9F9F9; height: 100px; width: 200px; }

select { font-size: 12px; font-family: Tahoma, Arial; color: #000000; background-color: #FFFFFF; }



h1.headtitle{font-size:18px; font-weight:bold; line-height:30px;}

.headline{margin:5px; padding:5px; border:1px solid #dddddd; background:#f3f3f3;}

.headline .headtitle{color:#389BD6; font-size:14px; font-weight:bold; line-height:30px;}

.headline .headcontent{}

.headline .headdate{}

.headline a{color: #00458a;}



a.highlight:link, a.highlight:visited { /*color:red;*/ text-decoration:none }

a.highlight:hover { color:red; text-decoration:underline }

h1.highlight{ color:red}

.articletop{ margin-left:5px;vertical-align:middle;_margin:3px 5px;}



/****** Main Layout Styles ******/

#wrapper {width:100%; padding:0px; margin: 0px auto;text-align:left;}

#header {background:url(../images/header.gif) repeat-x;overflow:hidden;color: #FFFFFF;/* margin-left: 1px; */}

#headtop{
	height:23px;
	line-height:23px;
	padding:0 15px;
	background: url(../images/header.gif) repeat-x;
	color:#FFFFFF;
	margin-left: 2px;
}

#headtop .r{}

#headtop ul{}

#headtop ul li{display:block; float:left; padding:0 2px}

#headtop a {color:#FFFFFF;}

#headtop a:link, #headtop a:visited {color:#FFFFFF; }

#innerHeader { width:950px}

#header a:link, #header a:visited { text-decoration: none; color: #FFFFFF; }

#header a:hover { text-decoration: underline; color:#FFFFFF; }



#footer { clear: both; background:#389BD6 url(../images/footer.gif) repeat-x top;width:100%; line-height:17px;color:#FFFFFF; padding:20px 0;}

#innerFooter {font-size: 12px; text-align: center;width:980px; margin:0 auto}

#copyriht {}

#copyriht .l {display:none;}

#copyriht .r {display:none;}

#copyriht .m { }

#copyriht a:link,#copyriht a:visited {color:#FFFFFF; }

#copyriht a:hover {color:#FFFFFF; }



/* bott menu */

#bottMenu {color:#FFFFFF; width:100%;}

#bottMenu .l {display:none;}

#bottMenu .r {display:none;}

#bottMenu .imm { }

#bottMenu ul { }

#bottMenu li { display: inline; list-style: none; padding: 0px; margin:0 7px;}

#bottMenu a {color:#FFFFFF; line-height: 29px; text-align: left; display: inline; }



/****** Header Elements Styles ******/

#websiteLogo {float: left; margin:2px 10px 5px 10px;}

#logo {overflow:hidden}



/* website description */

.website-desc { color: #FFFFFF; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }



/* top menu */

#topMenu {float: right; margin-top:25px;}

#topMenu .m {}

#topMenu .l { display:none}

#topMenu .r { display:none}



/* main menu */

#menu {clear:both;width: 980px;margin:0 auto;margin-left: 1px;}

#menu .m {height:28px;overflow:hidden;}

#menu .l { display:none}

#menu .r { display:none}

#menu ul {}

#menu li {display: block;list-style: none;line-height: 26px;height: 28px;float: left;width: 86px; margin-left: 3px; }

#menu a { height:28px; line-height:26px; display: block; width: 86px; text-align:center;}

#menu a:link, #menu a:visited {border:1px solid #a9cbf0;  color: #01468b; font-size: 12px; background:url(../images/bg.gif) repeat-x 0 -31px;height:26px;}

#menu a:hover {background:url(../images/bg.gif) repeat-x 0 0; height:28px; line-height:26px; color:#fff; text-decoration:none; border:none;padding:1px 1px 0 1px;}

#menu a.thisclass,#menu a.thisclass:link,#menu a.thisclass:visited,#menu a.thisclass:hover{background:url(../images/bg.gif) repeat-x 0 0; height:28px; line-height:26px;color:#fff; text-decoration:none; border:none; padding:1px 1px 0 1px;}

#menu a.first,#menu a.first:link,#menu a.first:visited,#menu a.first:hover{ }

.navSub{ background:url(../images/shadow.gif) repeat-x; height:36px; line-height:36px; clear:both;}

.innernavSub{width:980px; color:#d1e6f9; margin:0 auto; letter-spacing:2px;}

.innernavSub a:link,.innernavSub a:visited { text-decoration: none;color:#d1e6f9}

.innernavSub a:hover { text-decoration: underline;color:#d1e6f9}

.innernavSub .addTime{ display:none;}



/****** Content Layout ******/

#mainWrapper { width:980px; margin:0 auto; clear:both;}



/* sidebar */

.sidebar { float:left;width:217px;}

/* content */

.content { float:left; width:700px;}



/* a style which makes mainWrapper touch the bottom of sidebar and content */

.clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; }



/*btn*/

.voteButton,.showButton,.cartButton,.loginBt,.showCartBt{ background:url(btn../images/bg.gif) repeat-x center; height:19px;border:1px solid #d4be95; text-align:center; padding:0 5px;line-height:17px; color:#389BD6;}



/*what is in the pages*/

.sideMenu {clear:both; margin-bottom:7px; padding:9px; background:#fff9ed; border:1px solid #eedebc;}

.sideMenuN {clear:both; margin-bottom:7px; padding:9px; background:#fff9ed; border:1px solid #eedebc; display:none}

.sideMenu .tm { background:url(../images/tm.gif) repeat-x bottom;height:24px; line-height:24px; overflow:hidden;}

.sideMenu .tl {display:none;}

.sideMenu .tr {display:none;}

.sideMenu h2.tt{ background:url(../images/bullet.gif) no-repeat 5px center; color:#389BD6; font-weight:bold;padding-left:15px;}

.sideMenu .mm {padding:5px; overflow:hidden;}

.sideMenu .ml {display:none;}

.sideMenu .mr {display:none;}

.sideMenu .bm {display:none;}

.sideMenu .bl {display:none;}

.sideMenu .br {display:none;}

.sideMenu ul { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 20px; }

.sideMenu ul li { line-height: 25px; height: 18px;}



.pageMainContent {clear:both; margin-bottom:7px;overflow:hidden; width:100%;}

.pageMainContent .tm { border-bottom:1px solid #ded0ab;height:24px; line-height:24px; overflow:hidden;}

.pageMainContent .tl {display:none;}

.pageMainContent .tr {display:none;}

.pageMainContent h2.tt{ background:url(../images/bullet.gif) no-repeat 5px center; color:#389BD6; font-weight:bold;padding-left:15px;}

.pageMainContent .mm {padding:10px;line-height:17px;}

.pageMainContent .ml {display:none;}

.pageMainContent .mr {display:none;}

.pageMainContent .bm {display:none;}

.pageMainContent .bl {display:none;}

.pageMainContent .br {display:none;}

.pageMainContent td{ vertical-align:middle}



.cartBox { background:#fff9ed; border:1px solid #eedebc;margin-bottom: 10px;padding:10px;}





/*what is in the index*/

.lframe {clear:both; margin-bottom:7px; border:1px solid #AACCEF;min-height: 200px;}

.lframe .tm { background:#f6f9fe url(../images/bg1.gif) no-repeat bottom; height:28px;padding-left:10px; overflow:hidden;}

.lframe .tl {display:none;}

.lframe .tr {display:none;}

.lframe h2.tt{ background:url(../images/ico.gif) no-repeat 0 0;height:12px; display:block; float:left;text-overflow:visible; padding-left:15px; margin-top:12px;color:#024289; font-weight:bold;}

.lframe h2.ttt{ background:url(../images/ico.gif) no-repeat 0 0;height:12px; display:block; float:left;text-overflow:visible; padding-left:15px; margin-top:12px;color:#ffffff; font-weight:bold;}

.lframe .mm { background:#f6f9fe;  padding:15px; overflow:hidden;}

.lframe .ml {display:none;}

.lframe .mr {display:none;}

.lframe .bm {display:none;}

.lframe .bl {display:none;}

.lframe .br {display:none;}



.mframe {clear:both; margin-bottom:7px;}

.mframe .tm {height:30px;overflow:hidden;}

.mframe .tl {display:none;}

.mframe .tr {display:none;}

.mframe h2.tt{background:url(../images/ico.gif) no-repeat 0 0;height:12px; display:block; float:left;text-overflow:visible; padding-left:15px; margin-top:9px;color:#004389; font-weight:bold;}

.mframe .mm {padding:10px; background:url(../images/shadowM.gif) repeat-x top; overflow:hidden; line-height:17px;}

.mframe .ml {display:none;}

.mframe .mr {display:none;}

.mframe .bm {display:none;}

.mframe .bl {display:none;}

.mframe .br {display:none;}



.height7{ height:7px; overflow:hidden; clear:both;}

.height0{ height:0px; overflow:hidden; clear:both;}



a.more{ display:block;float:right;  margin-right:5px; background:url(../images/more.gif) no-repeat; width:37px; height:13px;}

.moreR,.more{ float:right;margin-top:4px; margin-right:5px;}

.pack {overflow:hidden; clear:both;}

.tl, .bl{ float:left;}

.tr, .br{ float:right;}

.ml, .l{ float:left;padding-bottom:10000px;margin-bottom:-10000px;}

.mr, .r{ float:right;}

/* Notice */

#Notice .m {height:28px;overflow:hidden;}

#Notice .l { display:none}

#Notice .r { display:none}

#Notice ul {}

#Notice li { margin:0; padding:0;  padding-right:1px;}



.focusBox {position:relative;width: 320px;height: 240px;overflow:hidden;float:left;}

.focusBox .pic {position:relative; height:310px; float:left;}

.focusBox .pic li {position: absolute; left: 0px; top: 0px; display: none;}

.focusBox .pic img {width: 980px;height: 280px;display: block;}

.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }

.focusBox .txt { position: absolute; bottom: 0; left:0; z-index: 2; height: 36px; width:100%; overflow: hidden;}

.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}

.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 13px; font-weight: bold; text-decoration: none; }

.focusBox .num { position: absolute; z-index: 3; bottom: 10px; right: 6px; }

.focusBox .num li{ float: left; position: relative; width: 15px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 6px; cursor: pointer; }

.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: #685E66; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; font-size: 12px;}

.focusBox .num li span { z-index: 1; background: #f6f6f6; }

.focusBox .num li.on a,.focusBox .num a:hover{ background:#3d94d7; color:#fff;}

.focusBox .btbg{background:#000;alpha(opacity=50); opacity: 0.5; width:100%; height:34px; position:absolute; bottom:0; left:0;}